<template>
   <div>
       {{msg}}  <br/>
       使用计算属性来反转字符串{{rever}}

   </div>
</template>

<script>
  export default{
    name:"Computed",
    data(){
       return {
         msg:"Computed",
       }
    },
  computed:{
    rever(){
     return this.msg.split("").reverse().join("");
    }
  }

  }


  /******
computed vs methods
我们可以使用 methods 来替代 computed，效果上两个都是一样的，
但是 computed 是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。
而使用 methods ，在重新渲染的时候，函数总会重新调用执行。
可以说使用 computed 性能会更好，但是如果你不希望缓存，你可以使用 methods 属性。
  ****/
</script>

<style>

</style>
